/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0; width:100%}

/* Layout */
* { border:0; margin:0; padding:0; }
	html { height:100%; }
	body { background:#e5f3f7 url("../images/bg.jpg") top left repeat-x; padding:40px 0; }
		#container { background:#fff url("../images/bg-container.jpg") top left repeat-x; padding:30px 40px; width:940px; margin:0 auto; border:2px solid #9acbd9; }
			#container { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
			#header { }
				a#logo{
					float:left; width:130px;}
				a#logout{float:right}
			#content { margin:20px 0;
				border-top:2px double #58A1B6;
				}
			#subNav{
				float:left;
				background:url(../images/verticalDivide.gif) top right no-repeat; width:165px; min-height:370px;
				}
				#subNav ul{margin:0;}
				
			#main { float:right; min-height:400px;  width:750px; }
			    #page_01, #page_02 { float:left; width:420px; }
                    #page_01{ margin-right:20px; }
				.page-minor { padding-right:440px; }
					#page-contact-us { float:left; width:400px; padding:0; margin:0 20px 0 0; }
				#products { margin:20px 0; }
				#products-small { margin:50px 0 30px 0; padding:0 25px; }
					#products-small img { float:left; margin:35px; }
				.product { float:left; width:200px; margin:0 7px 7px 7px; position:relative; }
				
				
				.paging{margin:5px 0;}
		#footer { background:url("../images/footer-strapline.gif") top right no-repeat; height:30px; }
		#footer-links { width:880px; margin:0 auto; padding:10px 30px; }
			#uxSaftey {float:left; margin-top:-3px;}
			
			.datasheet-item { border:1px solid #CCCCCC; float:left; height:170px; margin:0 10px 20px; padding:15px; width:370px; }
				.datasheet-item img { float:right; }
		
/* Typography */
body { font:67%/1.6 Arial, Verdana, sans-serif; }
	#content { font-size:1.1em; }
	#footer {  }
		#footer-links span { float:right; }
	
	p, address { margin:0 0 1.4em 0; }
	address { font-style:normal; }
	.product .info { font-weight:bold; color:#ee2d2a; text-align:center; }
	
	ul, ol { margin:0 0 1em 1.5em; }

	h1 { font-size:3em; border-bottom:1px solid #58a1b6; color:#58a1b6; margin-bottom:20px; padding:10px 0; }
	h2 { font-size:2em; font-weight:normal; color:#ee2d2a; }
	h3 { font-size:1.4em; font-weight:normal; text-transform:uppercase; color:#58a1b6; line-height:1.1; }
	h4 { font-size:1.2em; font-weight:normal; text-transform:uppercase; color:#58a1b6; line-height:1.1; padding-top:3px; }
	
	
/* Navigation */		
	#content_navigation { float:right; width:100%; margin:20px 0 0 0; }
	#content_navigation ul { text-transform:uppercase; list-style-type:none; margin:0; float:right; }
	#content_navigation li { float:left; font-size:1.4em; margin-left:20px; }
	
	#content_navigation a { }
	
	li.selected a {color:#58A1B6}	
		
/* Forms */


.faux_form {
	margin:20px auto;
	width:500px;
	}

.faux_form div { margin:7px 0 0 0; padding:0 0 7px 0; border-bottom:1px solid #efefef; clear:both; }

.faux_form div.formRegion{ margin:0; padding:0; border-bottom:2px solid #58A1B6;}
.faux_form div.productSelection{padding-left:130px;}
.faux_form div.last-item { border-color:#58A1B6}
.faux_form div.childrenHolder{border-width:0; padding:0; margin:0}

.text, input, select, textarea { border:1px inset #484848; padding:4px; width:200px; font-family: Arial, Verdana, sans-serif; color:#000000; }
textarea.textarea { font-family:Arial, Verdana, sans-serif; font-size:1em; width:270px; height:120px; }
	.shortvalue { width:90px; }
select{ width:auto; padding-right:0; }
select option { padding:0 1em 0 0; }
label { float:left; width:150px; font-weight:bold; padding:4px 0; }
/*fieldset { margin-bottom:10px; }
fieldset label { display:inline; width:auto; margin-right:15px; white-space: nowrap; }*/
.disclaimer { font-weight:normal; white-space:normal; font-size:0.8em; }

.success { padding:10px; border:1px solid #f26521; background:#ffede5; color:#f26521; font-weight:bold; }
.required { background:#fffff; }
.error, .input-validation-error { background:#ffe7e7; float:none; }
/*.faux_form div.error { margin-bottom:7px; color:#ee2d2a; border-bottom: 1px solid #ee2d2a; display:none; background:#fff4f4; padding:5px 5px 5px 130px; font-weight:bold; font-size:0.85em; text-transform:uppercase; }*/
	
	
	
	ul.category{}
	ul.category label{width:auto; }
	    ul.category li{
	        border-bottom:5px solid #EFEFEF;
	        }
	    
	    ul.category li:last-child{border:0;}
	    
	    ul.category li div{border:none; padding:0; margin:0;}
	
	    ul.productHolder{}
	
	        ul.productHolder li{
	            display:block;
	            /*width: 49%;*/
	            border:0;
	            border-bottom:1px solid #EFEFEF;
	            }
	    

	            ul.productHolder li ul{}
	  
	              ul.productHolder ul li{
	                /*width:32%;*/
	                float:left;
	                border:0;
	                }
	                
	                ul.productHolder ul li label{width:auto; font-weight:normal;}
	    	
	.chk{float: left;
    margin: 5px 0 0;
    width: 40px;}
	
	a.btn{float:left;
	         margin-right:2px;
	         background-repeat:no-repeat;
	         background-position:left top; 
	         background-repeat:no-repeat;
	         display:block;
	         height:0;
	         overflow:hidden;
	         padding-top:26px;
	         width:26px;}

	a.btnEdit{background-image:url("../images/btn_edit.gif");}
	a.btnConfirm{background-image:url("../images/btn_confirm.gif");}
	a.btnView {background-image:url("../images/btn_view.gif");}
	a.btnDecline {background-image:url("../images/btn_cancel.gif");}
	a.btnList{background-image:url("../images/btn_list.gif");}
	
	a.btnDownload{background:url("../images/iconExcel.gif") no-repeat scroll 0 0 transparent;
        padding:1px 0 1px 20px;
        margin:0 0 2px 0;
        display:block;
    }
	.field-validation-error{
       color:Red;
       display:block;
       font-size:0.8em;
       }
	
	
	
.submit {
    border:0 none;
    background:url("../images/button-submit.gif") no-repeat scroll left top red;
cursor:pointer;
height:40px;
margin:0;
overflow:hidden;
text-indent:-3000em;
width:140px;}

.clearItem{margin-left:10px;}

a.dataDownload{
    background: transparent url("../images/csv_16_16.gif") no-repeat left top;
    padding:2px 0 2px 20px;
    }	
	
/*  tables  */
stable { width:100%; border:2px solid #58a1b6; border-collapse:collapse; margin:20px 0 5px 0; font-size:0.9em; }
	
	a.sortLinkDesc, a.sortLinkAsc{background-position:right center; background-repeat:no-repeat; padding-right:9px;}
	
	a.sortLinkDesc{background-image:url(../Images/descArrow.gif);}
	a.sortLinkAsc{background-image:url(../Images/ascArrow.gif);}
	
	th a:link{color:#EE2D2A; text-decoration:none}
	th a:visited{color:#EE2D2A;text-decoration:none}
	th a:hover{color:#EE2D2A;text-decoration:underline}
	th a:active{color:#EE2D2A;text-decoration:none}
	th, td { padding:5px; border:1px solid #58a1b6; color:#000000; text-align:center; vertical-align:middle; }
	td{}
	th { background-color:#58a1b6; color:#fff; text-transform:uppercase; border: 1px solid #58A1B6 }
	tr.odd { background:#eff7fa; }
	
	
	table#DetailedReport td{
	    /*border-top:0 hidden transparent;
	    border-bottom:0 hidden transparent;*/
	    }
	    table#DetailedReport th{text-align:left}
	    
	td.ProductCategory, td.Product, td.Variation, td.VariationItem, td.ProductCategory{
	    text-align:left
	    }
	
	td.ProductCategory{
	    background:#96c5d2;
	    /*border-top-width:3px*/
	    }
	    
	td.Product{background:#a8d0db;}
	td.Variation{background:#bddce4;}
	td.VariationItem{background:#d6eaf0;}
	
	td.ntb{border-top: 0px  hidden transparent}
	td.nrb{border-right: 0px  hidden transparent}
	td.nbb{border-bottom: 0px  hidden transparent}
	td.nlb{border-left: 0px  hidden transparent}
	.bold{font-weight:bold;}
/*  Links  */	
a:link		{ color:#ee2d2a; font-weight:bold; text-decoration:none; }
a:visited	{ color:#ee2d2a; font-weight:bold; text-decoration:none; }
a:hover		{ color:#58a1b6; font-weight:bold; text-decoration:underline; }
a:active	{ color:#ee2d2a; font-weight:bold; text-decoration:none; }

th a:link{ color:#fff; font-weight:bold; text-decoration:underline;}
th a:visited{ color:#fff; font-weight:bold; text-decoration:underline;}
th a:hover{ color:#fff; font-weight:bold; text-decoration:underline;}
th a:active{ color:#fff; font-weight:bold; text-decoration:underline;}


#footer-links a { padding-right:10px; }
#footer-links span a { margin:0; }

a:focus { -moz-outline: none; }

/*other*/

#filterBtn{background:url(../images/btn_filter.gif) no-repeat right top; padding:6px 30px 6px 0; cursor:pointer;}

.paging	div{float:left; margin-right:10px;}
.paging	ul{float:left;margin:0}
.paging	ul li{float:left; margin:0 5px;}
/*  Clearing  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 


/* Safari HACKS */
::root #id { }



.success{
    background: none repeat scroll 0 0 #FFFAAA;
    border: 1px solid green;
    color: green;
    margin: 0 auto 10px;
    padding: 10px;
    }
.alert{
    display:none;
    background: none repeat scroll 0 0 #FFFAAA;
    border: 1px solid red;
    color: red;
    margin: 0 auto 10px;
    padding: 10px;
}